<template>
	<view>
		<view class="input">
			<view class="input_icon">
				<uni-icons type="search" size="26"></uni-icons>
			</view>
			<view class="input_search">
				<!-- <input type="text" placeholder="搜索图书/作者" /> -->
				搜索图书标题、作者昵称
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "search",
		data() {
			return {

			};
		}
	}
</script>

<style lang="less" scoped>
	.input {
		width: calc(343rpx * 2);
		height: calc(39rpx * 2);
		background-color: #fff;
		margin: 40rpx auto;
		margin-top: 100rpx;
		border-radius: 100rpx;
		display: flex;
		align-items: center;
		box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;

		.input_icon {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100%;
			width: 10%;
			padding: 0 3%;
		}

		.input_search {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100%;
			color: grey;
		}
	}
</style>